<!--
 * @Author: your name
 * @Date: 2021-08-02 00:14:12
 * @LastEditTime: 2021-09-02 23:16:16
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \aircityinit\src\views\Home.vue
-->
<template>
  <div class="home">
    <Player />
    <Header />
    <router-view />
  </div>
</template>

<script>
import { getMockData,getPm25 } from "../../api/connect";
import Player from "@/components/player/player";
import Header from "@/components/Header/header";
export default {
  name: "Home",

  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {
    async get() {
      const result = await getMockData();
      console.log(result);

      const res = await getPm25()
      console.log(res.now.pm2p5);
    },
  },
  created() {},
  mounted() {
    this.get();
  },
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  components: { Player, Header },
};
</script>

<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
  position: relative;
}
</style>
